@font-face {
    font-family: Unifont;
    src: url(fonts/unifont-15.0.01.otf);
}

:root {
    --main-border-color: #e95986;
    --secondary-border-color: #2c84fc;
    --bg-border-color: #1d2c47;
    --main-text-color: #fb89ad;
    --secondary-text-color: #8752ba;
    --tertiary-text-color: #ff2f6d;
    --marquee-color: #1e59aa;
    --bg-color: #161219;
}

body{
    font-family: Unifont;
    font-size: 16px;
    line-height: 16px;
    font-smooth: never;
    -webkit-font-smoothing: none;
    text-align: center;
    background-color: var(--bg-color);
    color: var(--main-text-color);
}

pre{
    font-family: Unifont;
    margin: 0px;
}

marquee{
    color: var(--marquee-color);
    width: 500px;
    margin-top: 16px;
    margin-bottom: 16px;
}

div{
    margin-left: auto;
    margin-right: auto;
}

fieldset{
    color: var(--secondary-text-color);
    border: 1px solid var(--bg-border-color);
    margin: 0px;
}

table{
    margin-left: auto;
    margin-right: auto;
}

td{
    vertical-align: top;
    color: var(--main-text-color);
    border: 1px solid var(--main-border-color);
    padding: 10px;
    width: 220px;
    
}

ul{
    margin: 0;
    padding: 0;
    padding-left: 16px;
}

a{
    color: var(--tertiary-text-color);
}

.titlebox{
    width: 300px;
    /*border: 1px solid var(--main-border-color);*/
}

.mainbox{
    width: 500px;
    text-align: left;
}

.links{
    margin-top: 16px;
    margin-bottom: 16px;
}

.links a{
    color: var(--secondary-text-color);
}

.footer{
    color: var(--main-text-color);
}